<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Server</title>
  <script type="text/javascript" src="js/common.js" charset="utf-8"></script>
  <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="style/reset.css">
  <link rel="stylesheet" href="style/server.css">
  <link rel="stylesheet" href="style/common.css">
</head>

<body>
  <!-- 最大容器 -->
  <div class="wapper">
    <!-- 头部 -->
    <div class="header">
      <!-- bootstrap导航条 -->
      <nav class="navbar navbar-default">
        <div class="container">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">
              <img src="images/logo.png" alt="">
            </a>
          </div>
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right navul">
              <li><a href="index.html">首页</a></li>
              <li><a href="show.html">产品展示</a></li>
              <li><a href="aboutus.html">关于我们</a></li>
              <li><a href="action.html">企业动态</a></li>
              <li><a href="contact.html">联系我们</a></li>
              <li><a href="server.html">售后服务</a></li>
              <li><a href="news.html">新闻资讯</a></li>
              <li><a href="plan.html">解决方案</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </nav>
    </div>
    <!-- 轮播图 -->
    <div class="bannerout">
      <div class="banner">
        <ul class="ul">
          <li>
            <a href="detail.html"><img src="images/server_banner.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/server_banner.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/server_banner.jpg" alt=""></a>
          </li>
          <li>
            <a href="detail.html"><img src="images/server_banner.jpg" alt=""></a>
          </li>
        </ul>
        <ul class="bar">
          <li class="cur"></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <a href="javascipt:;" class="left">&lt;</a>
        <a href="javascipt:;" class="right">&gt;</a>
      </div>
    </div>
    <!-- 无条件退换 -->
    <div class="exchang">
      <a href=""><img src="images/server_pic01.png" alt=""></a>
      <div class="etext">
        <div class="text">
          <h1>1</h1>
          <div class="txt">
            <h4>30天无条件退货</h4>
            <h3>EXCHANGE&RETURN</h3>
          </div>
        </div>
        <div class="tet">
          <span>▶</span>
          <p>从服务体系而言，产品的售后服务，既有生产厂商直接提供的，也有经销商提供的，但更多的是以厂家、商家合作的方式展现给消费者的。</p>
          <span>▶</span>
          <p>对顾客所说的话要从头到尾耐心地听。一般人如果听到对方重复话题，不免都想阻止对方，于是就说“我知道了”，不想让对方再说下去。但是请你一定把这些反复的话当作重要的环节来耐心地听完。</p>
        </div>
      </div>
    </div>
    <!-- 退货方式 -->
    <div class="method">
      <div class="title">
        <h3>退货方式</h3>
        <p>Core Business</p>
      </div>
      <a href=""><img src="images/server_pic02.png" alt=""></a>
      <div class="mtext">
        <p>选择“已收到货”，是否退货选择“退货”，然后根据您的实际情况选择退货的原因</p>
        <p>后续您可以进入“已买到的宝贝”页面，选择“退款中”查看退款的详细信息及卖家答复</p>
        <p>卖家有5天的时间来同意和拒绝买家的退款申请，若卖家同意退货协议，页面上会出现卖家的退货地址，买家可以根据此地址进行退货的操作。</p>
        <p>选择您退货的快递公司，填写运单号。若下拉菜单中没有您退货的快递公司，请选其他进行填写</p>
      </div>
    </div>
    <!-- 功能图标 -->
    <div class="powicon">
      <ul class="iconul">
        <li>
          <a href=""><img src="images/server_icon01.png" alt=""></a>
          <div class="txt">
            <p>专业上门服务</p>
            <p>提供一流快递</p>
          </div>
        </li>
        <li>
          <a href=""><img src="images/server_icon02.png" alt=""></a>
          <div class="txt">
            <p>客户五星好评</p>
            <p>做专业的灯光师</p>
          </div>
        </li>
        <li>
          <a href=""><img src="images/server_icon03.png" alt=""></a>
          <div class="txt">
            <p>售后一流服务团队</p>
            <p>让您放心大胆购买</p>
          </div>
        </li>
      </ul>
    </div>
    <!-- 底部 -->
    <div class="footer">
      <div class="footerin">
        <img src="images/logo_02.png" alt="">
        <ul class="footul">
          <li>
            <p>购物指南</p>
            <ul>
              <li><a href="">如何注册</a></li>
              <li><a href="">购物流程</a></li>
              <li><a href="">客服热线</a></li>
            </ul>
          </li>
          <li>
            <p>配送方式</p>
            <ul>
              <li><a href="">用户自提</a></li>
              <li><a href="">送货上门</a></li>
              <li><a href="">配送范围及运费</a></li>
              <li><a href="">验货或签收</a></li>
            </ul>
          </li>
          <li>
            <p>售后服务</p>
            <ul>
              <li><a href="">退换货流程</a></li>
              <li><a href="">跟踪和回访</a></li>
              <li><a href="">维修说明</a></li>
            </ul>
          </li>
          <li>
            <p>退换货流程</p>
            <ul>
              <li><a href="">正品保障</a></li>
              <li><a href="">先行赔付</a></li>
              <li><a href="">天无条件退换</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <script src="js/banner.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
</body>

</html>